* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	word-break: break-all;
}


html,body {
	    color: #333;
	    margin: 0;
	    height: 100%;
	    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    font-weight: normal;
	}
	page {
		background-color: #f8f8f8;
	}

/* felx布局 */
.flex {
	display: flex;
}

/* flex 垂直分散布局 */
.flexBeb {
	align-content: space-between;
}

.flexBei {
	justify-content: space-between;
}

.flexSp {
	justify-content: space-around;
}
/* flex 居中布局 */
.flexCen {
	align-items: center;
	align-content: center;
	justify-content: center;
}

/* flex 垂直居中布局 */
.flexVc {
	align-items: center;
	align-content: center;
}

.flexHc {
	justify-content: center;
	justify-items: center;
}

/* 文字超出省略 */
.textHd {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 文字两行省略 */
.textHd2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

/* 文字四行省略 */
.textHd4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4
}

// 数据为空占位符
.empty {
	width: 100%;
	height: 100%;
	padding: 46rpx 0;
}




